<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit" />
    <title>我的</title>
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/shop.css">
    <link rel="stylesheet" href="./css/weui.min.css">
    <link rel="stylesheet" href="./css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/demos.css">
    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/jquery-weui.js"></script>
    <script src="wxJs/utils/storage.js" ></script>
    <script src="wxJs/utils/contain.js" ></script>
    <script src="wxJs/me.js" ></script>
    <style>
        .merchant-top {
            position: relative;
            background-color: #fff;
            margin: -40px 15px 0;
            border-radius: 5px;
            display: flex;
            padding: 10px 0;
        }
        
        .merchant-top>* {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            width: 33.33%;
            border-left: 1px solid #eee;
            font-size: 13px;
            color: #333;
        }
        
        .merchant-top>a:first-child {
            border-left: none;
        }
        
        .merchant-top .cl-main {
            font-size: 20px;
        }
        
        .jp {
            width: 96%;
            height: 30px;
            margin-left: 2%;
            margin-top: 15px;
        }
        
        .shu {
            width: 4px;
            height: 20px;
            margin-top: 6px;
            background-color: #20c9fe;
            float: left;
            margin-right: 10px;
        }
        
        .jp-text {
            width: calc(100% - 14px);
            float: left;
            line-height: 30px;
        }
        
        .weui_grids {
            position: relative;
            overflow: hidden;
            margin-top: 10px
        }
        
        .weui_grids:before {
            content: '';
            position: absolute;
            box-sizing: border-box;
            width: 200%;
            height: 200%;
            left: 0;
            top: 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scale(.5);
            transform: scale(.5)
        }
        
        .weui_grid {
            position: relative;
            float: left;
            padding: 5px 10px;
            width: 25%;
            box-sizing: border-box
        }
        
        .weui_grid_icon {
            width: 30px;
            height: 30px;
            margin: 0 auto;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .weui_grid_icon i {
            font-size: 24px;
            color: rgba(29, 108, 247, 0.8);
        }
        
        .weui_grid_icon img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%
        }
        
        .weui_grid_icon+.weui_grid_label {
            margin-top: 5px
        }
        
        .weui_grid_label {
            display: block;
            text-align: center;
            color: #000;
            font-size: 14px
        }
        
        .user-header {
            position: relative;
            display: flex;
            font-size: 14px;
            padding: 30px 10px 60px;
            color: #fff;
        }
        
        .user-header .setting {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            margin-top: -20px;
            right: 10px;
            font-size: 24px;
        }
        
        .user-header .user-avatarUrl {
            padding: 0 10px;
            flex-shrink: 0;
        }
        
        .user-avatarUrl .userAvatarUrl {
            display: block;
            height: 60px;
            width: 60px;
            border-radius: 50%;
            overflow: hidden;
        }
        
        .user-header .user-info {
            line-height: 30px;
            font-weight: bold;
        }
        
        .user-header .phone {
            font-weight: lighter;
        }
        a{
            color: #fff;
        }
    </style>
</head>
<body>
    <div class="withdrawal-header">
        <div class="header">
            <a class="haader-left" href="#">
            </a>
            <div class="haader-content">会员中心</div>
            <div class="haader-right">
                <!--<a href="login.html"><i class="iconfont icon-tuichu" style="font-size: 24px;"></i></a>-->
            </div>
        </div>

        <div class="user-header">
            <div class="user-avatarUrl">
                <img src="images/my.png" class='userAvatarUrl'>
            </div>
            <div class="user-info">
                <div id="userInfo" hidden>
                    <div class='userNickName'></div>
                    <div class="phone"></div>
                </div>
                <div id="unInsert" hidden style="margin-top:15px;">
                    <div onclick="toInsert()">成为会员</div>
                </div>
            </div>
            <!--<div hover-class="none" class="setting"  onclick="toInsert()">
                <div class="iconfont ">更新信息</div>
            </div>-->
        </div>
    </div>

    <div class="merchant-top">


    </div>
    <div class="jp">
        <span class="shu"></span>
        <i class="jp-text">常用功能</i>
    </div>
    <div class="weui_grids">

    </div>
    <div class="weui-tabbar" id="lowTabbar">
        <a href="index.html?infrom=2" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/shouye.png" alt="">
            </div>
            <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="discover.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/faxianguanli.png" alt="">
            </div>
            <p class="weui-tabbar__label">发现</p>
        </a>
        <a href="cellect.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/order.png" alt="">
            </div>
            <p class="weui-tabbar__label">收藏</p>
        </a>
        <a href="me.html" class="weui-tabbar__item weui-bar__item--on">
            <div class="weui-tabbar__icon">
                <img src="images/me1.png" alt="">
            </div>
            <p class="weui-tabbar__label">我的</p>
        </a>
    </div>
</body>

</html>